<template>
  <el-menu
    :default-active="activeIndex"
    class="el-menu-demo"
    mode="horizontal"
    :ellipsis="false"
    @select="handleSelect"
    background-color="#EBEEF5"

  >
    <div class="text">数据结构练习平台Python版（学生端）</div>
    <div class="flex-grow" />

      <router-link active-class="active" to="/Homework" style="text-decoration:none">
      <el-menu-item index="1">作业</el-menu-item>
      </router-link>
   
      <router-link active-class="active" to="/Answertheinterface" style="text-decoration:none">
      <el-menu-item index="1">答题界面</el-menu-item>
      </router-link>

      <router-link active-class="active" to="/Questions" style="text-decoration:none">
      <el-menu-item index="1">题库</el-menu-item>
      </router-link>
      
      <el-sub-menu index="2">
        <template #title><el-icon><User /></el-icon>个人中心</template>
      
        <router-link active-class="active" to="/Personcenter" style="text-decoration:none">
        <el-menu-item index="2-2"><el-icon><ChatLineRound /></el-icon>个人信息</el-menu-item>
        </router-link>

        <el-menu-item index="2-3"><el-icon><Close /></el-icon>退出</el-menu-item>
        
      </el-sub-menu>
    <div/>
  </el-menu>

  
 
</template>

<script>
    export default {
        name:'HeaderNavigation',
    }
</script>

<style scoped>

.flex-grow {
  flex-grow: 1;
}

.text {
    margin: auto;
    font-family: "Times New Roman",Times,serif;
    margin-left: 10px;
}
</style>